<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<!-- jQuery-->
		<script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>

		<!-- layui-->
		<link rel="stylesheet" href="/static/plugins/layui/2.8.4/css/layui.css" media="all">
		<script src="/static/plugins/layui/2.8.4/layui.js" charset="utf-8"></script>

	</head>
	<style>
		.all-view{
			width: 90%;
			margin: 0 auto;
			margin-top: 20px;
		}
		.btn-view{
			margin-bottom: 10px;
			
		}
		.add-btn{
			width:120px;
		}
		.bottom-view{
			position: fixed;
			bottom: 0;
			width: 100%;
		}
		.add-btn-view{
			width: 260px;
			margin: 0 auto;
			margin-bottom: 40px;
		}
	</style>
	
	<body>
		
		<!--头部输入框-->
		
		<form class="layui-form layui-form-pane all-view" action="">


			<div class="layui-form-item">
				<label class="layui-form-label">选择知识库</label>
				<div class="layui-input-block">
					<select name="chooseBase" id="chooseBase" lay-filter="chooseBase">
						<option value="">请选择</option>

					</select>
				</div>
			</div>


			<div class="layui-form-item">
				<label class="layui-form-label">选择分类</label>
				<div class="layui-input-block" id="chooseTypeView">
					<select name="chooseType" id="chooseType" lay-filter="chooseType">
						<option value="">请选择</option>

					</select>
				</div>
			</div>


			<div class="layui-form-item">
				<label class="layui-form-label">名称</label>
				<div class="layui-input-block">
					<input type="text" name="timerName" id="timerName" maxlength="20" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
				</div>
			</div>


			<div class="layui-form-item">
				<label class="layui-form-label">排序</label>
				<div class="layui-input-block">
					<div style="float: left;margin-right: 5px;margin-left: 10px;">
						<button type="button" class="layui-btn layui-btn-sm" onclick="phaseNumDown()" style="height: 38px;">
							<i class="layui-icon layui-icon-subtraction"></i>
						</button>
					</div>
					<input type="number" name="sort" id="sort" autocomplete="off"
						   readonly="readonly"  class="layui-input" style="float: left;width: 200px;text-align: center;margin-right: 5px;" >
					<div style="float: left;">
						<button type="button" class="layui-btn layui-btn-sm" onclick="phaseNumAdd()" style="height: 38px;">
							<i class="layui-icon layui-icon-add-1"></i>
						</button>
					</div>
				</div>
			</div>



      </form>

      <div class="bottom-view">
          <div class="layui-btn-container add-btn-view">
            <button type="button" class="layui-btn layui-btn-primary layui-border-blue add-btn" onclick="toAdd();">确定</button>
            <button type="button" class="layui-btn layui-btn-primary layui-border add-btn" onclick="toClose();">取消</button>
          </div>
      </div>


		<input type="hidden" name="id" id="id" value=""><!--信息id-->
		<input type="hidden" name="baseId" id="baseId" value=""><!--知识库id-->
		<input type="hidden" name="typeId" id="typeId" value=""><!--分类id-->



      <script>
		  $('#id').val('[(${dto.id})]');
		  var eKnowKnowledgeTypeList = [];
		  var eKnowKnowledgeBaseList = [];

		  $.ajax({
			  url : '/api/inter/eKnowTimerSet/searchEKnowTimerSetById',
			  data : {id:$('#id').val()},
			  type : 'POST',
			  async : false,
			  success : function(result) {
				  if(result.code=='SUCCESS'){
					  var eKnowTimerSet = result.eKnowTimerSet;
					  if(eKnowTimerSet!=null){
						  $('#baseId').val(eKnowTimerSet.baseId);
						  $('#typeId').val(eKnowTimerSet.typeId);
						  $('#sort').val(eKnowTimerSet.sort);
						  $('#timerName').val(eKnowTimerSet.timerName);
					  }
					  //分类信息
					  eKnowKnowledgeTypeList = result.eKnowKnowledgeTypeList;
					  //知识库信息
					  eKnowKnowledgeBaseList = result.eKnowKnowledgeBaseList;

					  if(eKnowKnowledgeBaseList!=null && eKnowKnowledgeBaseList.length>0){
					  	for(var i=0;i<eKnowKnowledgeBaseList.length;i++){
					  		if(eKnowKnowledgeBaseList[i].id == $('#baseId').val()){
								$('#chooseBase').append('<option value="'+eKnowKnowledgeBaseList[i].id+'" selected>'+eKnowKnowledgeBaseList[i].knowledgeBaseName+'</option>');
							}else {
					  			$('#chooseBase').append('<option value="'+eKnowKnowledgeBaseList[i].id+'">'+eKnowKnowledgeBaseList[i].knowledgeBaseName+'</option>');
							}
						}

					  	if(eKnowKnowledgeTypeList!=null && eKnowKnowledgeTypeList.length>0){
							for(var i=0;i<eKnowKnowledgeTypeList.length;i++){
								if(eKnowKnowledgeTypeList[i].baseId == $('#baseId').val()){
									if(eKnowKnowledgeTypeList[i].id == $('#typeId').val()){
										$('#chooseType').append('<option value="'+eKnowKnowledgeTypeList[i].id+'" selected>'+eKnowKnowledgeTypeList[i].typeName+'</option>');
									}else {
										$('#chooseType').append('<option value="'+eKnowKnowledgeTypeList[i].id+'">'+eKnowKnowledgeTypeList[i].typeName+'</option>');
									}
								}
							}
						}

					  }
				  }else{
					  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
					  setTimeout(function(){
						  window.parent.layer.closeAll();
					  }, 1000);
				  }
			  }
		  });

		  //重新设置下拉选项
		  function reSetTypeSelect(){
			  $('#chooseTypeView').html('');
			  var htmlStr = '<select name="chooseType" id="chooseType" lay-filter="chooseType">';
			  if(eKnowKnowledgeTypeList!=null && eKnowKnowledgeTypeList.length>0 && $('#baseId').val()!=''){
				  htmlStr +='<option value="" selected>请选择</option>';
				  for(var i=0;i<eKnowKnowledgeTypeList.length;i++){
					  if(eKnowKnowledgeTypeList[i].baseId == $('#baseId').val()){
						  htmlStr+='<option value="'+eKnowKnowledgeTypeList[i].id+'">'+eKnowKnowledgeTypeList[i].typeName+'</option>';
					  }
				  }
			  }else {
				  htmlStr +='<option value="" selected>请先选择知识库</option>';
			  }
			  htmlStr+= '</select>';
			  $('#chooseTypeView').html(htmlStr);
			  //选择所属分类
			  layui.form.render('select');
		  }



          layui.use(function(){
            var form = layui.form;
            var layer = layui.layer;
			  //选择所属分类
			  form.on('select(chooseType)', function(data){
				  var elem = data.elem; // 获得 select 原始 DOM 对象
				  console.log('elem',elem);
				  var value = data.value; // 获得被选中的值
				  //var othis = data.othis; // 获得 select 元素被替换后的 jQuery 对象
				  $('#typeId').val(value);
			  });
			  //选择所属知识库
			  form.on('select(chooseBase)', function(data){
				  var value = data.value; // 获得被选中的值
				  if(value!=$('#baseId').val()){
				  	console.log('value',value);
					  $('#baseId').val(value);
					  $('#typeId').val('');
					  $('#chooseType').val('');
					  reSetTypeSelect();
				  }
			  });
          });

		  function toClose() {
			  window.parent.layer.closeAll();
		  }

		  function toAdd() {

			  var id = $('#id').val();
			  var timerName = $('#timerName').val();
			  var typeId = $('#typeId').val();
			  var sort = $('#sort').val();
			  var baseId = $('#baseId').val();
			  if(baseId ==undefined || baseId ==null || baseId ==''|| baseId =='0' ){
				  layer.msg('请选择所属知识库', {icon: 0});
				  return ;
			  }
			  if(typeId ==undefined || typeId ==null || typeId ==''|| typeId =='0' ){
				  layer.msg('请选择所属分类', {icon: 0});
				  return ;
			  }
			  if(timerName ==undefined || timerName ==null || timerName =='' ){
				  layer.msg('请填写名称', {icon: 0});
				  return ;
			  }

			  layui.layer.msg('保存中', {icon: 16,shade: 0.01});
			  $.ajax({
				  url: '/api/inter/eKnowTimerSet/updateEKnowTimerSet',
				  data: {
					  'id':id,
					  'timerName':timerName,
					  'typeId':typeId,
					  'sort':sort,
					  'baseId':baseId
				  },
				  type: 'POST',
				  async: false,
				  success: function (result) {
					  layer.close();
					  console.log('result:',result);
					  if(result.code=='SUCCESS'){
						  layer.msg("操作成功", {icon: 1});
						  setTimeout(function(){
							  window.parent.location.reload();
						  }, 1000);
					  } else{//失败
						  layer.close();
						  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
					  }
				  },
				  error: function () {
					  layer.close();
					  layer.msg('不好意思，系统出现问题了，请稍后重试！', {icon: 2});
				  }
			  });
		  }



		  //数字框减少
		  function phaseNumDown(){
			  var nowNum = $("#sort").val();
			  if( nowNum!=1 ){
				  $("#sort").val( parseInt(nowNum) - 1 );
			  }
		  }
		  //数字框增加
		  function phaseNumAdd(){
			  var nowNum = $("#sort").val();
			  $("#sort").val( parseInt(nowNum) + 1 );
		  }


      </script>

  </body>
</html>